define(['jquery'], function () {
  class Header {
    constructor() {
      this.loadHTML().then(() => {
        this.gwcshulian()
        this.gudinglan()
        this.dinbu()
        this.search () 
        this.blur()
      })
    }

    //异步调用
    loadHTML() {
      return new Promise(resolve => {
        $('header').load('/html/modules/header.html', () => {
          resolve()
        })
      })
    }

    gwcshulian() {
      let cart = localStorage.getItem('cart')
      let count = 0
      if (cart) {
        cart = JSON.parse(cart)
        count = cart.reduce((num, shop) => {
          return num += shop.count
        }, 0)
      }
      $('#shopnum, #cart-num').html(count)
    }

    //吸顶效果
    gudinglan() {
      $(window).scroll(function () {
        if ($(window).scrollTop() >= 270) {
          $(".gudinglan").show()
        } else {
          $(".gudinglan").hide()
        }
      })
    }

    //回到顶部
    dinbu() {
    $(document).ready(function(){
      $("#huidinbu").hide()//隐藏go to top按钮
      $(function(){
          $(window).scroll(function(){
              if($(this).scrollTop()>1){
                  $("#huidinbu").fadeIn()
              } else {
                  $("#huidinbu").fadeOut()
              }
          })
      })
  
// 给top按钮一个点击事件
      $("#hd").click(function(){
          $("html,body").animate({scrollTop:0},800);
          return false
      })
  })
}

search () {
  // console.log($('#input_search'))
  $('#inpt').on('keyup', function () {
    // console.log($(this).val()) const value = $(this).val()
    // TODO：拿到value值请求百度搜索的jsonp接口，完成功能
    const value = $(this).val()
    $.getJSON('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?cb=?',{wd : value},(resp) =>{
        // console.log(resp)
        // console.log($(".seach_ul"))
        // $(".seach_ul").css('dispaly','none')
        if(resp.s.length == 0){
          $(".seach_ul").css('display','none') 
        }else{
          $(".seach_ul").css('display','block') 
        $(".seach_ul").empty()
        $(resp.s).each((index,item)=>{
            $('<li>').html(item).appendTo($(".seach_ul"))
        })
      }
        const $li = $('.seach_ul li')
        $li.on('mousedown',function(){
            $('#inpt').val($(this).html())
        })
        $("#inpt").on("blur",()=>{
             $(".seach_ul").hide()
      }) 
      // $('#input').val('').css({'dispaly':'none'})
    })
  })
}


  }
  return new Header()
})
